<template>
    <div class="pagerTest-container">
        <!-- ref写在dom里，会获取到该真实dom
             ref写在组件里，会获取到组件实例 
             ref不要轻易使用，因为打破了通过数据修改dom和单向数据流，谁的数据谁负责的VUE设计理念-->
        <p ref="dom">dajdioajdoia</p> 
        <Pager ref="zujian" @handlePage="handlePageChange" :current="current" :total="503"/>
        <button @click="btn"></button>
    </div>
</template>

<script>
import Pager from "@/components/pager" //webpack会自动搜取pager目录下index文件
export default {
    components:{
        Pager,
    },
    data(){
        return {
        current:1
        }
    },
    methods:{
        handlePageChange(newPage){
        this.current = newPage
        },
        btn(){
            console.log(this.$refs)
        }
    }
}
</script>

<style>

</style>